h1,h2,h3,h4,h5,h6,p{margin: 0;padding: 0;}

/*****内容区1200像素******/
@media (min-width: 768px) {
    .container {
        width:750px
    }
}
@media (min-width: 992px) {
    .container {
        width:970px
    }
}
@media (min-width: 1200px) {
    .container {
        width:1200px
    }
}




/* 公共标题样式 */

.bt{text-align: center;margin-bottom: 50px;}
.bt h3{font-size: 28px;line-height: 1;font-weight: bold;color: #000;letter-spacing: 2px;margin-bottom: 10px;}
.bt p {  font-size: 16px;line-height: 1;color: #888;}

@media (min-width: 992px) and (max-width: 1200px){
  
}

@media (max-width: 992px) {
  
  .bt{margin-bottom: 30px;}
  
}

@media (max-width: 767px) {
  
  .bt {margin-bottom: 20px;}
  .bt h3{font-size: 22px;margin-bottom: 5px;}
  .bt p{font-size: 13px;}
  

  
}



.gywm{background: url(../images/bg1.png)no-repeat center bottom;background-size: 101% 120px;}

.gy-cont{position: relative;overflow: hidden;}
.gy-nr{float: left;width: 55%;}
.gy-nr h5 {font-size: 30px;line-height: 1;text-transform: uppercase; color: #3187e6;font-weight: bold; margin-bottom: 5px;}
.gy-nr h3 {font-size: 26px;line-height: 1; font-weight: bold;color: #000;letter-spacing: 1px;}
.gy-nr hr {border-top: 3px solid #3187e6;width: 50px;margin: 20px 0 30px;}
.gy-nr .gy-txt{}
.gy-nr .gy-txt p {font-size: 16px;line-height: 1.8; text-indent: 0 !important;color: #333;}

.gy-btn {position: absolute; left: 100px;bottom: 30px;z-index: 3;}
.gy-btn h6 { font-size: 30px;color: #fff;line-height: 1;letter-spacing: 2px;}
.gy-btn p { color: #fff; font-size: 15px; line-height: 1;margin-top: 10px;}
.gy-btn a .fa { position: absolute; right: -100px;color: #fff;font-size: 36px; top: 0;width: 50px; height: 50px; border: 2px solid rgb(255 255 255 / 50%); border-radius: 50%; text-align: center;line-height: 46px;}
.gy-btn a .fa:hover{background: #fff;color: #3187e6;}

.gy-img{float: right;width: 38%;}
.gy-img img{width: 100%;}

@media (min-width: 992px) and (max-width: 1200px){
  
  .gywm{background-size: 133% 100px;}
  .gy-nr {width: 58%;}
  .gy-nr .gy-txt p {font-size: 15px;}
  .gy-nr .gy-txt {height: 210px;overflow: hidden;}
  .gy-btn{bottom: 25px;}
  
  
  
}

@media (max-width: 992px) {
  
  .gywm{background-size: 500% 80px;}

  
  .gy-nr h5{font-size: 22px;}
  .gy-nr h3{font-size: 20px;}
  .gy-nr hr {border-top: 3px solid #3187e6; width: 40px;margin: 15px 0 20px;}
  .gy-nr .gy-txt p { font-size: 14px;line-height: 1.6;}
  
  .gy-nr{width: 60%;}
  .gy-img{width: 36%;}
  
  .gy-nr .gy-txt p{font-size: 13px;line-height: 1.5;}
  .gy-btn h6{font-size: 20px;}
  .gy-btn p{font-size: 12px;margin-top: 8px;}
  .gy-btn a .fa {right: -60px;font-size: 30px;width: 36px;height: 36px;line-height: 32px;}
  .gy-btn {left: 0;bottom: 20px;}
  .gy-nr .gy-txt {height: 160px;overflow: hidden;}
  
  
  
}

@media (max-width: 767px) {
  
  
  .gywm{padding: 30px 0 20px;}
  
  .gy-nr{float: none;width: 100%;padding: 0 15px;}
  .gy-nr .gy-txt{height: auto;margin-bottom: 50px;}
  .gy-btn {position: relative;bottom: 0;}
  .gy-btn a .fa{right: 15px;}
  .gy-img{display: none;}

  
}





.anli{padding: 50px 0;}

.al-cont{}
.al-cont ul{overflow: hidden;}
.al-cont ul li{float: left;width: 25%;padding: 0 15px;}
.al-cont ul li a{display: block;overflow: hidden;position: relative;}
.al-cont ul li a .al-img {height: 380px;display: flex;justify-content: center;}
.al-cont ul li a .al-img img{height: 100%;}

.al-cont ul li a .al-txt{position: absolute;bottom: 0;width: 100%;left: 0;background: #3187e6;height: 40px;text-align: center;transition: all .5s;}
.al-cont ul li a .al-txt p {font-size: 18px; line-height: 40px;color: #fff;font-weight: bold;}
.al-cont ul li a .al-txt span {display: inline-block; font-size: 14px; line-height: 1; color: #fff;margin-top: 40px;border: 2px solid #fff;padding: 10px 30px;}
.al-cont ul li a:hover .al-txt{height: 100%;background: #3187e6;background: rgb(49 135 230 / 75%);padding-top: 45%;}
.al-cont ul li a:hover .al-txt p {font-size: 18px;letter-spacing: 1px;}
.al-cont ul li a .al-txt span:hover{background: #fff;color: #3187e6;}


@media (min-width: 992px) and (max-width: 1200px){
  
  .al-cont ul li a .al-img{height: 310px;}
  .al-cont ul li a .al-txt p{font-size: 15px;}
  .al-cont ul li a:hover .al-txt p { font-size: 18px; letter-spacing: 0;line-height: 1.3;}
  
  
  
}

@media (max-width: 992px) {
  
  
  .al-cont ul li{padding: 0 8px;}
  .al-cont ul li a .al-img{height: 250px;}
  .al-cont ul li a .al-txt p{font-size: 13px;line-height: 30px;}
  .al-cont ul li a .al-txt{height: 30px;}
  
  .al-cont ul li a:hover .al-txt p {font-size: 15px; letter-spacing: 0;line-height: 1.3;}
  .al-cont ul li a .al-txt span{font-size: 12px;padding: 8px 30px;}
  
}

@media (max-width: 767px) {
  
  
  .anli {padding: 30px 0;}
  .al-cont ul{padding: 0 10px;}
  .al-cont ul li {padding: 5px;width: 50%;}
  
  
  

  
}





.xinw{padding-bottom: 50px;}
.xw-cont{}
.xw-cont ul{overflow: hidden;}
.xw-cont ul li{float: left;width: 50%;padding: 0 40px;}
.xw-cont ul li a { display: block; overflow: hidden; padding: 15px 0;border-bottom: 1px dashed #ddd;}
.xw-cont ul li a h3 { float: left;width: 85%;font-size: 15px;line-height: 1;color: #555;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.xw-cont ul li a h3 .fa{color: #e6a331;margin-right: 5px;}
.xw-cont ul li a h5 { float: right; text-align: right;width: 15%; font-size: 13px;line-height: 1;color: #888;}
.xw-cont ul li a h3:hover{color: #3187e6;}

.xw-cont ul li:nth-child(2n-1){padding: 0 40px 0 0;}
.xw-cont ul li:nth-child(2n){padding: 0 0 0 40px;}

.xw-btn{}
.xw-btn a {  display: block; border: 1px solid #3187e6;text-align: center;font-size: 14px; line-height: 1; color: #3187e6; padding: 10px 0;border-radius: 3px;margin-top: 20px;}
.xw-btn a:hover{background: #3187e6;color: #fff;}


@media (min-width: 992px) and (max-width: 1200px){
  
  .xw-cont ul li a h5{width: 16%;font-size: 12px;}
  .xw-cont ul li a h3{width: 84%;}
  
  
}

@media (max-width: 992px) {
  
  .xw-cont ul li:nth-child(2n-1){padding: 0 20px 0 0;}
  .xw-cont ul li:nth-child(2n){padding: 0 0 0 20px;}
  
  
  .xw-cont ul li a h3{width: 80%;font-size: 13px;}
  .xw-cont ul li a h5{width: 20%;font-size: 12px;}
  
}

@media (max-width: 767px) {
  
  
  .xw-cont {padding: 0 15px;}
  .xw-cont ul li{float: none;width: 100%;padding: 0 !important;}
  .xw-btn{padding: 0 15px;}
  
  .xw-btn a{font-size: 13px;margin-top: 15px;}
  
}











.links{margin: 50px 0 0;text-align: center;}
.links a {margin: 0 10px 5px 0;font-size: 13px;line-height: 1;display: inline-block;}
.links h3 { padding-bottom: 3px; border-bottom: 1px solid #0195db; font-size: 15px;line-height: 1;font-weight: bold;color: #000;letter-spacing: 1px;text-align: center;margin-bottom: 10px;}

.links a:hover{color: #0195db}

@media (max-width: 992px) {
  .links{margin: 20px 0 50px;}
}




.footers{}

.f_one { padding: 40px 0 0;background: #132b45;text-align: center;color:#fff;}
.f_one h3 {font-size: 24px;line-height: 1;letter-spacing: 2px;margin-bottom: 15px;}
.f_one p {font-size: 15px;line-height: 1.5;}
.f_one .police{}
.f_one .police a { display: inline-block;font-size: 14px;line-height: 1; color: #fff;margin-top: 10px;}
.f_one .police a:hover{}
.f_one p.copyright {padding: 10px 0;border-top: 1px solid rgb(255 255 255 / 40%);margin-top: 20px;}


.footer{display: none;}
@media (max-width: 768px){
/*手机底部菜单*/
.footers { display:none}
.footer {background: #21272f;display: -webkit-box;width: 100%;margin-top: 6px;background-size: 9px 128px;position: fixed;z-index: 110;bottom: 0;left: 0; display:block; line-height:45px;}
.footer a {-webkit-box-flex: 1;display: -webkit-box;color: #fff; display:inline-block; width:32%;font: 100 16px/35px "微软雅黑";height: 35px; line-height:35px; text-align:center;}
.footer a i { padding-right:5px;}
.hr { height:45px;}
}


/* 内页 */

.page-body {margin: 20px auto 50px;}


/* 左侧 */
.page-title{text-align: center;margin-bottom: 50px;}
.page-title h3 {font-size: 28px; line-height: 1; font-weight: bold; color: #000;letter-spacing: 2px;margin-bottom: 10px;}
.page-title p { font-size: 16px; line-height: 1.5;color: #888;}
.page-body .col-md-9{float: none;width: 100%;padding: 0 15px;}


.page-body .sec-tit {background: #0097d8;color: #fff;height: 50px;line-height: 50px;font-size: 22px;font-weight: bold;letter-spacing: 2px;padding: 0 10px;}
.page-l-clist {border: none;border-top: none;background: #f5f5f5;}
.page-l-clist ul {padding: 0;}
.page-l-clist li { height: auto !important; line-height: 1 !important;text-align: left; font-size: 15px; border-bottom: 1px solid #e6e6e6;}
.page-l-clist li a {display: block;font-size: 14px; line-height: 1;padding: 15px 20px;color: #555;margin-left: -10px;transition: all .5s;}
.page-l-clist li a .fa {width: 10px;font-size: 12px;opacity: 0;transition: all .5s;}
.page-l-clist li a:hover {width: 100%;height: auto; color: #0097d8;background: none;font-weight: bold;margin: 0;}
.page-l-clist li a:hover .fa{opacity: 1;}


/* 右侧 */
.crumbs-item { overflow: hidden; margin-bottom: 10px; font-size: 14px;line-height: 1;color: #222;padding-bottom: 8px;border-bottom: 1px solid #ddd;}
.crumbs-item .fa {font-size: 16px;line-height: 14px;vertical-align: bottom;margin-right: 3px;color: #000;}
.crumbs-item a:hover{color: #0097d8;}

/* 图片列表 */
.img-inner { height: 230px;width: 100%;overflow: hidden; padding: 0; border: none;background: #fff; display: flex;align-items: center;justify-content: center;}
.img-inner img { height: auto;max-width: 100%;max-height: 100%;}
.img-inner:hover {border: none;}
.img-inner img:hover{transform: scale(1);}
.page-alist .col-md-4 { width: 33.3333%;padding:10px;}
.page-alist .col-md-4 a{display: block;padding: 10px;border: 1px solid #ddd;}
.page-alist .col-md-4 a h5 { overflow: hidden; text-align: center;float: none;font-size: 15px;line-height: 1;padding: 8px 0 3px;height: auto;color: #333;text-overflow: ellipsis;white-space: nowrap;}
.page-alist .col-md-4 a:hover{border-color: #0097d8;}
.page-alist .page-atit a:hover, .page-alist .col-md-4 h5:hover {color: #0097d8;}
.page-alist .col-md-4 a:hover h5{color: #0097d8;}



/* 文字列表 */
.page-alist { margin-top: 15px;overflow: hidden;}


/* .page-alist li { clear: both; overflow: hidden; padding-bottom: 15px;  padding-top: 0; border-bottom: 1px dotted #ddd; margin-bottom: 15px;} */
.page-alist .page-adate { width: 70px;height: 66px;background: #0097d8;}
.page-alist .page-adate h3 {font-size: 24px;line-height:1;margin-top: 10px;}
.page-alist .page-adate p {margin-bottom: 0; font-size: 14px; line-height: 1; margin-top: 6px;}
.media-heading {margin-top: 5px;margin-bottom: 0; font-size: 17px;line-height: 1;font-weight: normal;color: #000;}
.page-alist .page-atit p { color: #666; font-size: 14px;line-height: 1.2; margin-top: 10px;}

.page-alist li { clear: both; overflow: hidden; padding: 10px 0; border-bottom: 1px dotted #ddd;}
.page-alist li a{display: block;overflow: hidden;}
.page-alist li a h3 {float: left; width: 90%;font-size: 15px;line-height: 1; color: #222;overflow: hidden;text-overflow:ellipsis ;white-space: nowrap;}
.page-alist li a h3 .fa{margin-right: 3px;}
.page-alist li a h5 { float: right; width: 10%;text-align: right; font-size: 13px;line-height: 1;color: #555;}
.page-alist li a:hover h3{color: #0097d8;}


.page-con-tit{}
.page-con-tit h1,.product_detail h1.title{font-size: 18px;line-height: 1;}


.page-content {font-size: 15px;line-height: 1.6;padding: 0 15px;}
.page-content p {font-size: 16px;line-height: 1.5;color: #666;}
.page-content img{max-width: 100%;}
.list_p li h2 a, .list_p li h2, .list_p li{font-size: 14px;}

.page-addr{margin-top: 30px;}
.page-addr iframe{width: 100%;height: 350px;}


.page-nav{display: none;}
.page-nav ul{overflow: hidden;}
.page-nav ul li{float: left;width: 25%;padding: 0 5px;margin-bottom:10px;}
.page-nav ul li a { display: inline-block; font-size: 14px; line-height: 1;color: #444;}
.page-nav ul li a:hover{color: #0097d8;font-weight: bold;}
.page-nav ul li.now a{color: #0097d8;font-weight: bold;}

@media (min-width: 992px) and (max-width: 1200px){
  
  .img-inner{height: 130px;}
  .page-alist .col-md-4 a h5{font-size: 14px;}
  
  
  
}


@media (max-width: 992px){

  .page-body .col-md-9{float: none;width: 100%;}
  
  .page-alist .col-md-4{float: left;width: 25%;padding: 0 5px;}
  .img-inner{height: 130px;}
  .page-alist .col-md-4 a h5{font-size: 14px;}
  
  
  .page-alist li a h5{font-size:12px;}
  
  
  .page-nav{display:block;}
  
  .relatedProduct .col-md-3{width: 25%;padding: 0 5px;}
  .relatedProduct .col-md-3 .imsg{height: 120px;width: 100%;padding: 2px;}
}



@media (max-width: 767px) {
 
  .page-body { margin: 10px auto 50px;}
  
  .page-body .col-md-9{padding: 0 10px;}
  .crumbs-item{font-size: 13px;}
  
  .page-title {margin: 20px 0 0 0;}
  .page-title h3{font-size: 22px;margin-bottom: 6px;}
  .page-title p { font-size: 13px;line-height: 1.3;}
  
  .page-content{padding: 0 5px 30px;margin-top: 20px;}
  .page-content p {font-size: 14px;  line-height: 1.5;color: #666;}
  
  .page-alist .col-md-4{float: left;width: 50%;padding: 5px;}
  .img-inner { height: 130px;}
  
  
  .page-alist .col-md-4 a{padding: 5px;}
  .page-alist .col-md-4 a h5 {font-size: 13px;padding: 8px 0;}
  
  .page-alist li a h3{width: 80%;font-size: 13px;}
  .page-alist li a h5{width: 20%;}
  
  .page-con-tit h1, .product_detail h1.title {font-size: 16px;}
  
  .page-nav ul li{width: 33.3333%;}
  .page-nav ul li a{font-size: 13px;}

  .relatedProduct .col-md-3{width: 33.3333%;}
  
}